<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<link href="jq-mobile-green-button-theme.css" rel="stylesheet" type="text/css"/>
<link href="jq-mobile-red-button-theme.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. 
	 To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... -->
<script src="/phonegap.js" type="text/javascript"></script>
</head> 
<body> 
<div data-role="page" data-theme="a">
	<div data-role="header" data-theme="b">
    <a href="" data-rel="back" data-role="button" data-icon="arrow-l">Back</a>
		<h1>Match n' Rent</h1>
	</div>
	<div data-role="content">
    <h1>Setup your Profile</h1>
    	<h2>Step 2: Personality & Behavioural traits</h2>
        <form action="" method="">
        <div data-role="fieldcontain">
    <label for="select-personality" class="select">Personality:</label>
   <select name="select-personality" id="select-personality" data-theme="c">
      <option value="act" >Active / Sporty</option>
      <option value="srs">Serious</option>
      <option value="shy">Shy / Quiet</option>
      <option value="soc">Sociable / Out-going</option>
      <option value="geek">Tech geek</option>
   </select>
   </div>
        Behavioural traits: (you may choose more than one)
        <div data-role="fieldcontain" >
 			<fieldset data-role="controlgroup" id="behaviour">

            
             <!-- 
        $query = mysql_query("select * FROM behaviour_table"); 
    	$count = mysql_num_rows($query);;
        for($i=0; $i<$count; $i++)
        {
        	$id=$i+1;
        	select id from behaviour_table where id=$id
            echo "<input type='checkbox' name='checkbox-'.$id id='checkbox-'.$id  class='custom' data-theme='c' />
            <label for='checkbox-'.$id>select text from behaviour_table</label>";
        }
        
        -->
        
            
        </fieldset>
        </div>
        <div data-role="fieldcontain">
        <input type="submit" data-icon="arrow-r" data-iconpos="right" data-theme="b" value="Final step" class="btn" />
        </div>	
        </form>		
	</div>
</div>


</body>
</html>